<?php
/**
 * Tencent is pleased to support the open source community by making 蓝鲸 available.
 * Copyright (C) 2016 THL A29 Limited, a Tencent company. All rights reserved.
 * Licensed under the MIT License (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at
 * http://opensource.org/licenses/MIT
 * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
 */
?>
<!-- 新建集群 -->
<div class="creat-container creat-group-container">
    <h4 class="c-conf-title pl15 pr15">新建集群</h4>
    <div class="c-attr-box c-conf-inner">
        <form class="form-inline" id="exsitGroup" style="display:none">
            <div class="form-group pb15 col-lg-6" >
                <label for="haveGroup" class="pr10">已有集群</label>
                <select name="" id="" class="form-control group-select">
                </select>
            </div>
            <div class="form-group pb15 col-lg-6" >
                <label for="haveGroup" class="pr10">是否克隆</label>
                <input type="checkbox" name="my-checkbox" id="newcloneset">
            </div>
        </form>
        <table class="table table-bordered">
            <thead>
            <tr class="active">
                <th>属性分组</th>
                <th>属性名</th>
                <th>属性值</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td rowspan="4">基本属性</td>
                <td>名称</td>
                <td class="tl">
                    <input type="text" class="form-control c-gridinput" value="" id="newsetname" placeholder="创建的集群名称，必填" maxlength="10" >
                    <span class="c-gridinputmust">*</span>
                </td>
            </tr>
            <tr>
                <td>环境类型</td>
                <td class="live-time" id ="new_set_envtype">
                    <div class="btn-group" data-toggle="buttons">
                        <label class="btn btn-radio ">
                            <input type="radio" name="options" id="option4" autocomplete="off" value="1">测试
                        </label>
                        <label class="btn btn-radio">
                            <input type="radio" name="options" id="option5" autocomplete="off" value="2">体验
                        </label>
                        <label class="btn btn-radio active">
                            <input type="radio" name="options" id="option6" autocomplete="off" value="3">正式
                        </label>
                    </div>
                </td>
            </tr>
            <tr>
                <td>服务状态</td>
                <td class="live-time" id ="new_set_sersta">
                    <input type="checkbox" name="servsta-checkbox" id="servstacheck" data-on-color="success" data-off-color="warning" checked>
<!--                    <div class="btn-group" data-toggle="buttons">-->
<!--                        <label class="btn btn-primary active">-->
<!--                            <input type="radio" name="options" id="option4" autocomplete="off" value="开放">开放-->
<!--                        </label>-->
<!--                        <label class="btn btn-primary">-->
<!--                            <input type="radio" name="options" id="option5" autocomplete="off" value="关闭">关闭-->
<!--                        </label>-->
<!--                    </div>-->
                </td>
            </tr>
            <tr>
                <td>中文名称</td>
                <td >
                    <input style="width:90%" type="text" class="form-control" value="" id="newSetChnName" placeholder="集群中文名称，非必填" maxlength="32">
                </td>
            </tr>

            <tr>
                <td rowspan="3">扩展属性</td>
                <td>设计容量</td>
                <td>
                    <input style="width:90%" type="text" class="form-control" value="" id="newSetCapacity" placeholder="集群容量，请输入数字，非必填" maxlength="8">
                </td>
            </tr>
            <tr>
                <td>描述</td>
                <td>
                    <input  style="width:90%" type="text" class="form-control" value="" id="newSetdes" placeholder="您对当前集群的描述，非必填" maxlength="250">
                </td>
            </tr>
            <tr>
                <td>Openstatus</td>
                <td>
                    <input  style="width:90%" type="text" class="form-control" value="" id="newOpenstatus" placeholder="集群状态的扩展属性，非必填" maxlength="32">
                </td>
            </tr>
            </tbody>
        </table>
        <div class="text-center">
            <button class="btn btn-primary" id="save_new_set">保存</button>
        </div>
    </div>
</div>
<!-- /新建集群 -->